@import '~antd/lib/style/themes/default.less';
@import '../../utils/utils.less';

.tableList {
  .tableListOperator {
    button {
      margin-right: 8px;
    }
  }
}

.tableListForm {
  :global {
    .ant-form-item {
      margin-bottom: 24px;
      margin-right: 0;
      display: flex;
      > .ant-form-item-label {
        width: auto;
        line-height: 32px;
        padding-right: 8px;
      }
      .ant-form-item-control {
        line-height: 32px;
      }
    }
    .ant-form-item-control-wrapper {
      flex: 1;
    }
  }
  .submitButtons {
    white-space: nowrap;
    margin-bottom: 24px;
  }
}





:global{
  .ant-form-item-label label{
    color:#439cd4;
  }
  .ant-card-body{
    padding:0;
  }
}

.lefttitle{
  color:#439cd4;
  width:17%;
  text-align:right;
  float:left;
  line-height:40px;
}
.topwidth{
  height:35px;
  width:100%;
  border-bottom:1px solid #ccc;
}

.leftimg{
  width:30%;
}

.rightinfo{
   width:65%;
}
.bottomwidth{
  width:100%;
  height:35px;
}

.flexstyle{
   width:100%;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
}

.topDiv{
  height:50px;
  width:100%;
  border-bottom:1px solid #ccc;
  padding-left:10px;
}
.botDiv,.botDivss{
  height:50px;
  width:100%;
  padding-left:10px;
}
.topDiv>div,.botDiv>div{
  width:33%;
  float:left;
  line-height:50px;
}
.botDivss>div{
  line-height:50px;
  float:left;
  width:90%;
}
.actimg{
  width:100%;
  padding:5px;
  background:#fff;
}
.actimg img{
  width:100%;
  height:auto;
}



@media screen and (max-width: @screen-lg) {
  .tableListForm :global(.ant-form-item) {
    margin-right: 24px;
  }
}

@media screen and (max-width: @screen-md) {
  .tableListForm :global(.ant-form-item) {
    margin-right: 8px;
  }
}



.vertical-table{
  display: flex;
  text-align: center;
  border-top: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
}
.vertical-table p{
  line-height: 54px;
  padding: 0;
  margin: 0;
  background: #fafafa;
  font-weight: bold;
  color: rgba(0,0,0,.85);
  border-bottom: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
}
.list-date-con{
  flex-basis: 0;
  flex-grow: 1;
}
.list-time-con{
  flex-basis: 0;
  flex-grow: 1;
}
.list-opt-con{
  flex-basis: 0;
  flex-grow: 3;
}
.title{
  line-height: 24px;
}
.list{
  line-height: 54px;
  height: 54px;
  border-right: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
.list.active{
  background: #1890ff;
  color: #fff;
}
.list.opt{
  display: flex;
}
.opt-key{
  color: #aaa;
  margin-left: 10px;
}
.opt-val{
  font-weight: bold;
  margin-left: 10px;
}
.cell-con{
  width: 220px;
}
.state-con{
  margin-left: 30px;
}
.btn{
  margin-left: 30px;
}

.prev-week{
  margin-right: 10px;
  cursor: pointer;
}
.next-week{
  margin-left: 10px;
  cursor: pointer;
}